@import 'tailwindcss';

.milkdown {
  @apply bg-slate-50 border rounded;
}

.milkdown:not(.crepe .milkdown) {
  @apply px-8 py-4;
}

.editor {
  @apply mx-auto max-w-full;
}

input {
  border: 0;
  outline: none;
}

input:focus {
  border: 0;
  outline: none;
  box-shadow: none;
}

span[data-type='emoji'] {
  @apply inline-block;
}

span[data-type='emoji'] .emoji {
  @apply w-4;
}

.markdown-container {
  border: 1px solid #ccc;
  min-height: 100px;
  padding: 10px;
  overflow: auto;
}
